//- Copyright (c) 2016 Lucky Byte, Inc.
extends layout

append scripts
  script(src="/js/echarts.min.js")
  script(src="/js/index.js")

block content
  if n_hosts == 0
    .ui.message.warning.icon
      i.icon.warning
      .content
        p 当前系统内未找到主机配置信息，请前往 <a href="/hosts">主机配置</a> 页面进行配置。
        p 主机指运行交易系统的服务器，可以是一台或多台，其信息根据安装环境不同而不同。
  
  .ui.grid.nolayout(style="margin-top:0px; margin-right:0px;")
    .column.ten.wide
      #run_chart(style="width:100%; height:400px;")
      .ui.segment.basic(style="margin-left:33px;")
        .ui.checkbox.toggle#auto_refresh
          input(type="checkbox" name="auto_refresh" checked="checked")
          label 自动刷新

    .column.six.wide
      .ui.divided.relaxed.large.list
        include ./notify/list

      h3.ui.dividing.header 交易统计
      .ui.items
        .item
          if abnormay_cnt > 0
            i.middle.aligned.icon.thumbs.outline.down.red
            .content.middle.aligned 今日异常交易笔数为 
              span(style="color:red;") #{abnormay_cnt} 笔，
              | 响应码非成功交易笔数为 #{bad_cnt} 笔
          else
            i.middle.aligned.icon.thumbs.outline.up.brown
            .content.middle.aligned 今日没有异常交易，
              | 响应码非成功交易 #{bad_cnt} 笔
        .item
          i.middle.aligned.icon.pie.chart.pink
          .content.middle.aligned 今日交易总笔数为 #{total_cnt} 笔，
            | 其中清算类交易为 #{settl_cnt} 笔，占比 #{settl_rate}%
        .item
          i.middle.aligned.icon.wait.violet
          .content.middle.aligned 今日第一笔交易发生时间为 #{first_trans_time}
        .item
          i.middle.aligned.icon.signal.blue
          .content #{max_trans_time} 为今日交易高峰期，
            | 单分钟内交易笔数达 #{max_trans_cnt} 笔

        .item.ui.divided
          i.middle.aligned.icon.arrow.right.blue
          .content
            a(href="/trstat") 查看交易统计 ...
            i.icon.ellipsis.vertical.grey
            a(href="/trlist") 查看交易流水 ...
